@import "./bootstrap";
@import "./common";
@import "./icon";

// 清空浏览器默认样式
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body, .view-router {
  &::-webkit-scrollbar {
    display: none
  }
}

/* Chrome 滚动条优化 */
div {
  &::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 8px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 8px;
  }

  &::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 8px;
    background-color: hsla(220, 4%, 58%, 0.3);
    transition: background-color 0.3s;

    &:hover {
      background: #bbb;
    }
  }

  &::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    background: #ededed;
  }
}

a {
  color: #000;
  text-decoration: none;
}

input:-webkit-autofill {
	box-shadow: 0 0 0 1000px white inset;
}

html {
  -webkit-overflow-scrolling: touch;
}

body {
	overflow-x: hidden;
  font-size: 14px;
}

.view-router {
	background-color: $default-background;
  height: 100vh;
  height: calc(100vh - constant(safe-area-inset-bottom));
  height: calc(100vh - env(safe-area-inset-bottom));
	overflow-y: auto;
  box-sizing: border-box;
  @include home-indicator-compatible($default-background);

  &.view-router-header {
    height: calc(100vh - 46px);
    height: calc(100vh - 46px - constant(safe-area-inset-bottom));
    height: calc(100vh - 46px - env(safe-area-inset-bottom));
  }
}
